<!-- list -->
<ul class="nav">

  <li ui-sref-active="active">
    <a ui-sref="app.dashboard">
      <i class="fa fa-dashboard icon text-info-dker"></i>
      <span class="font-bold">概览</span>
    </a>
  </li>

  <li ng-class="{active:$state.includes('app.monitor')}">
    <a href class="auto">
      <span class="pull-right text-muted">
        <i class="fa fa-fw fa-angle-right text"></i>
        <i class="fa fa-fw fa-angle-down text-active"></i>
      </span>
      <i class="glyphicon glyphicon-eye-open icon"></i>
      <span>监控中心</span>
    </a>
    <ul class="nav nav-sub dk">
      <li class="nav-sub-header">
        <a href>
          <span>监控中心</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.monitor.electricquantity">
          <span>电量监控</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.monitor.environment">          
          <span>环境监测</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.monitor.GIS">
          <span>GIS地图</span>
        </a>
      </li>
    </ul>
  </li>
  <li ng-class="{active:$state.includes('app.control')}">
    <a href class="auto">
      <span class="pull-right text-muted">
        <i class="fa fa-fw fa-angle-right text"></i>
        <i class="fa fa-fw fa-angle-down text-active"></i>
      </span>      
      <i class="fa fa-cogs"></i>
      <span>控制管理</span>
    </a>
    <ul class="nav nav-sub dk">
      <li class="nav-sub-header">
        <a href>
          <span>控制管理</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.control.electricquantity">
          <span>用电管理</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.control.air-condition">
          <span>空调管理</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.control.public">
          <span>公共照明管理</span>
        </a>
      </li>      
    </ul>
  </li>
  <li ng-class="{active:$state.includes('app.stat')}">
    <a href class="auto">
      <span class="pull-right text-muted">
        <i class="fa fa-fw fa-angle-right text"></i>
        <i class="fa fa-fw fa-angle-down text-active"></i>
      </span>
      <i class="glyphicon glyphicon-signal"></i>
      <span>数据统计管理</span>
    </a>
    <ul class="nav nav-sub dk">
      <li class="nav-sub-header">
        <a href>
          <span>数据统计管理</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.stat.statdata">
          <span>统计数据表</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.stat.breakrules">
          <span>违章数据表</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.stat.fault">
          <span>故障数据表</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.stat.environment">
          <span>环境监测表</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.stat.month">
          <span>月份统计表</span>
        </a>
      </li>
    </ul>
  </li>

  <li ng-class="{active:$state.includes('app.order')}">
    <a href class="auto">
      <span class="pull-right text-muted">
        <i class="fa fa-fw fa-angle-right text"></i>
        <i class="fa fa-fw fa-angle-down text-active"></i>
      </span>
      <i class="glyphicon glyphicon-file icon"></i>
      <span>工单管理</span>
    </a>
    <ul class="nav nav-sub dk">
      <li class="nav-sub-header">
        <a href>
          <span>工单管理</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.order.breakrules">
          <span>违章工单</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.order.fault">
          <span>故障工单</span>
        </a>
      </li>    
      
    </ul>
  </li>

  <li ng-class="{active:$state.includes('app.user')}">
    <a href class="auto">
      <span class="pull-right text-muted">
        <i class="fa fa-fw fa-angle-right text"></i>
        <i class="fa fa-fw fa-angle-down text-active"></i>
      </span>
      <i class="fa fa-user icon"></i>
      <span>用户信息</span>
    </a>
    <ul class="nav nav-sub dk">
      <li class="nav-sub-header">
        <a href>
          <span>用户信息</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.user.info">
          <span>基本信息</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.user.modifypassword">          
          <span>密码修改</span>
        </a>
      </li>      
    </ul>
  </li>

  <li ng-class="{active:$state.includes('app.sys')}">
    <a href class="auto">
      <span class="pull-right text-muted">
        <i class="fa fa-fw fa-angle-right text"></i>
        <i class="fa fa-fw fa-angle-down text-active"></i>
      </span>
      <i class="icon-settings icon"></i>
      <span>系统管理</span>
    </a>
    <ul class="nav nav-sub dk">
      <li class="nav-sub-header">
        <a href>
          <span>系统管理</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.sys.campus">
          <span>校园管理</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.sys.product">
          <span>产品管理</span>
        </a>
      </li>
      <li ui-sref-active="active">
        <a ui-sref="app.sys.role">
          <span>角色管理</span>
        </a>
      </li>  
      <li ui-sref-active="active">
        <a ui-sref="app.sys.user">
          <span>用户管理</span>
        </a>
      </li> 
<!--       <li ui-sref-active="active">
        <a ui-sref="app.sys.person">
          <span>人员管理</span>
        </a>
      </li> --> 
      <li ui-sref-active="active">
        <a ui-sref="app.sys.unit">
          <span>单元管理</span>
        </a>
      </li>                   
      
    </ul>
  </li>

  
</ul>
<!-- / list -->
